<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>教师管理平台</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/bootstrap-table.min.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/metisMenu.min.css">
    <link rel="stylesheet" href="css/video-js.min.css">
    <link rel="stylesheet" href="css/common.css">

    <!--[if lt IE9] >
   <script type="text/javascript" src="js/html5.js"></script>
   <script type="text/javascript" src="js/placeholder-1.0.min.js"></script>
   <![endif]-->
</head>
<body>
<div class="common-left">
    <div class="common-left-title c-p-b-b">
        <small>PAGES</small>
        <h4>我的课程</h4>
    </div>
    <div class="common-nav" >

        <nav class="sidebar-nav">
            <ul id="menu">
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">学校信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./grade.html">
                                年级信息
                            </a>
                        </li>
                        <li>
                            <a href="./b-xinxi.html">
                                班级信息
                            </a>
                        </li>
                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">学生信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./student-xinxi.html">
                                学生信息
                            </a>
                        </li>

                    </ul>
                </li>
                <li >
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">体育成绩</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./tiyuxiangmu.html">
                                体育项目
                            </a>
                        </li>
                        <li>
                            <a href="./tiyuchengji.html">
                                体育成绩
                            </a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">班级动态</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a  class="on" href="./b-xiangce.html">
                                班级相册
                            </a>
                        </li>
                        <li>
                            <a href="./yanbodating.html">
                                演播大厅
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="active">
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">教师信息</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li >
                            <a href="./teacher.html">
                                教师信息
                            </a>
                        </li>
                        <li>
                            <a href="./pai-moban.html">
                                排课模板
                            </a>
                        </li>
                        <li>
                            <a href="./pai-xinxi.html">
                                排课信息
                            </a>
                        </li>
                        <!--<li>-->
                            <!--<a class="on" href="./myclass.html">-->
                                <!--我的课程-->
                            <!--</a>-->
                        <!--</li>-->
                    </ul>
                </li>
                <li>
                    <a href="javascript:;">
                        <span class="sidebar-nav-item">系统设置</span>
                        <span class="fa arrow"></span>
                    </a>
                    <ul class="collapse" >
                        <li>
                            <a href="./password.html">
                                修改密码
                            </a>
                        </li>
                    </ul>
                </li>

            </ul>
        </nav>

    </div>
</div>
<div class="common-top">
    <div class="row">
        <div class="col-md-3 c-p-t">
            <img src="./images/logo.png" alt="">
        </div>
        <div class="common-top-title col-md-3 c-p-f-white">
            <a href="javascript:;">
                教师信息</a> >> <a href="javascript:;">我的课程</a>
        </div>
        <div class="col-md-6 text-right c-p-t">
            <a href="./login.html" class="btn btn-default">退出</a>
        </div>
    </div>
</div>
<div class="common-main">
    <div class="wrapper">
        <div class="container-fluid">
            <div class="row c-p-b-b">
                <div class="col-md-6">
                    <div class="form-horizontal">
                        <div class="form-group">
                            <label class="col-md-2 control-label" >体育项目:</label>
                            <div class="col-md-6">
                                <select class="form-control">
                                    <option value="0">全部</option>
                                    <option value="0">七年级</option>
                                    <option value="0">八年级</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6 text-right">
                    <a class="btn btn-primary" href="javascript:;">查询</a>
                </div>
            </div>
            <div class="common-table c-p-t-l">
                <table id="table_list" class="text-center">

                </table>
            </div>
        </div>
    </div>
</div>

<div id="class-info" class="c-p-none " >
    <div class="c-p-p-all">
        <div class="c-p-video">
            <video id="video" class='video-js  vjs-default-skin' controls  preload='auto' poster='images/a.jpg' data-setup='{}'>
                <source src="./images/v.mp4" type="video/mp4">
                <!-- <source src="my_video.webm" type="video/webm">-->
            </video>
        </div>
        <div class="c-p-b-b c-p-p-all c-p-m-b clearfix">
            <div class="pull-left">
                提升身高，就跳高
            </div>
            <div class="pull-right">
                2018-01-01
            </div>
        </div>
        <p>
            你们所看到的很多朋友同学，不管是上学还是工作的时候和其他人站在一起明显矮半头、身材比例也被完爆，满满的几年后你会神奇地发现他竟然长高了，女的靓丽迷人，男的高大帅气。 秘密就是在增高指导顾问帮助下，使用了科学合理的长高方案，使身体全面达到了长高的所有因素。
        </p>
    </div>
</div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/metisMenu.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"> </script>
<script type="text/javascript" src="js/layer.js"></script>
<script type="text/javascript" src="js/video.min.js"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js"></script>
<script type="text/javascript"  src="js/bootstrap-table.min.js"></script>
<script  type="text/javascript" src="js/bootstrap-table-mobile.min.js"></script>
<script  type="text/javascript" src="js/bootstrap-table-zh-CN.min.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript">
    var dataArr =[{
        index:1,
        time:"2019-02-2",
        title:"提升身高，就跳高",
        id:133
    } ];
    var columnsArr =[
        {
            title: '序号',
            field: 'index',
            align: 'center',
            valign: 'middle'
        },
        {
            title: '课程标题',
            align: 'center',
            field: 'title',
            valign: 'middle',

        } ,
        {
            title: '日期',
            align: 'center',
            field: 'time',
            valign: 'middle',

        }  ,
        {
            title: '操作',
            align: 'center',
            field: 'id',
            valign: 'middle',
            formatter:function (v,s) {
                console.log(v,"---id-")
                console.log(s,"当前数据")
                if(v===133)
                {
                    return '<a onclick="removeTr(this)" class="btn btn-danger" href="javascript:;">移除课程</a> &nbsp<a onclick="chaInfo()" class="btn btn-primary " href="javascript:;">查看</a>';
                }
            }
        }
    ];
    function removeTr(obj){
        tan("是否执行当前操作？",function () {
            $(obj).parent().parent("tr").remove();
            layer.alert("操作成功");
        });

    }
    initTable("table_list",dataArr,columnsArr);

    function chaInfo(){
        lookInfo("class-info","查看",["70%","70%"]);
    }
  /*设置flash路径，Video.js会在不支持html5的浏览中使用flash播放视频文件  videojs.options.flash.swf = "video-js.swf";*/
    var myPlayer = videojs('video');
   /* videojs("video").ready(function(){
        var myPlayer = this;
        myPlayer.play();
    });*/
</script>
</body>
</html>